<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="css/swiper.min.js"></script>
	</head>
	<body>
		<div id="web">
			<!--头部-->
			<header>
				<div class="top"></div>
				<nav class="clearfix">
					<div class="fl logo">
						<img src="img/header_logo.png"/>
					</div>
					
					<ul class="header_navbar fl">
						<li class="active "><a href="">首页</a></li>
						<li><a href="">关于鼎搜</a></li>
						<li><a href="">鼎搜服务</a></li>
						<li><a href="">鼎搜动态</a></li>
						<li><a href="">鼎搜诚聘</a></li>
						<li><a href="">鼎搜公益</a></li>
					</ul>
					
					<div class="header_search fl">
						<form action="" method="post">
							<input type="text" name="" id="" value="" />
							<input type="image" value="" src="img/suosou_logo.png"/>
						</form>
					</div>
				</nav>
			</header>
			<!--导航-->
			<div class="dao_hang">
				<ul>
					<li class="fl"><a href="">首页</a></li>
					<li class="fl"><a href="详细页面.html">详细页面</a></li>
					<li class="fl"><a href="列表页面.html">列表页面</a></li>
					<li class="fl"><a href="登录页面.html">登录页面</a></li>
					<li class="fl"><a href="注册页面.html">注册页面</a></li>
				</ul>
			</div>
			
			<!--轮播图-->
			<!--<div class="carou">
				<img src="img/main_img_10.jpg"/>
			</div>-->
			
			
			
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
		        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
		        <div class="swiper-slide"><img src="img/main_img_10.jpg"/></div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		    
		    <!-- 如果需要导航按钮 -->
		    <div class="swiper-button-prev"></div>
		    <div class="swiper-button-next"></div>
		    
		</div>
			
			
			
			
			
			
			<!--关于我们-->
			<div class="about">
				<div class="about_h">
					<h4>关于我们</h4>
					<h5>ABOUT US</h5>
				</div>
				<div class="about_div">
					<div class="div_1 fl clearfix">
						<img src="img/shi_ming.png"/>
						<p class="p1">使命</p>
						<p class="p2">MISSION</p>
						<p class="p3">广州鼎搜网企业管理服务有限公司，公司秉承诚信为鼎，共赢为首，服务全网的经营宗旨。鼎搜让世界的生意做得更容易！</p>
					</div>
					<div class="div_2 fl">
						<img src="img/tuan_dui.png"/>
						<p class="p1">团队</p>
						<p class="p2">TEAM</p>
						<p class="p3">我们以诚信、自信、超越自我的工作态度，打造商业资本运作新模式，让您的资本运作更佳的理念，致力服务每一个客户！</p>
					</div>
					<div class="div_1 fr clearfix">
						<img src="img/yuan_jing.png"/>
						<p class=""p1">愿景</p>
						<p class="p2">VISION</p>
						<p class="p3">国内首家专业于资产、权益、可投资特色商品的转让、买卖的交易平台服务商。成为中国商业资产转让交易行业的领航者！</p>
					</div>
				</div>
			</div>
			<!--案例-->
			<div class="case">
				
				<div class="Case_H">
					<div class="case_h">
						<h4>投资案例</h4>
						<h5>OUR PORTFOLIO</h5>
					</div>
				</div>
				<div class="touzi clearfix">
					<ul class="ul">
						<li>
							<div class="item_img">
								<img src="img/case_1.jpg"/>
							</div>
							<p class="xiang_mu">投资项目：广州永泰生活广场火锅转让</p>
							<div class="button">
								<input type="button" id="" value="点击查看" />
							</div>
						</li>
						<li>
							<div class="item_img div2">
								<img src="img/case_2.png"/>
							</div>
							<p class="xiang_mu">投资项目：广州永泰生活广场火锅转让</p>
							<div class="button">
								<input type="button" id="" value="点击查看" />
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/case_3.jpg"/>
							</div>
							<p class="xiang_mu">投资项目：广州永泰生活广场火锅转让</p>
							<div class="button">
								<input type="button" id="" value="点击查看" />
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/case_1.jpg"/>
							</div>
							<p class="xiang_mu">投资项目：广州永泰生活广场火锅转让</p>
							<div class="button">
								<input type="button" id="" value="点击查看" />
							</div>
						</li>
						<li>
							<div class="item_img div2">
								<img src="img/case_2.png"/>
							</div>
							<p class="xiang_mu">投资项目：广州永泰生活广场火锅转让</p>
							<div class="button">
								<input type="button" id="" value="点击查看" />
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/case_3.jpg"/>
							</div>
							<p class="xiang_mu">投资项目：广州永泰生活广场火锅转让</p>
							<div class="button">
								<input type="button" id="" value="点击查看" />
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!--友情链接-->
			<div class="link">
				<div class="link_bj">
					<div class="mb">
						<img src="img/nb.jpg"/>
					</div>
					<div class="link_h">
						<h4>友情链接</h4>
						<h5>LINK</h5>
					</div>
					
					
						<!--<img class="fl img1" src="img/lb_buttom2.png"/>-->
					
					
					<!--
						<div class="link_tp fl">
						<img class="fl" src="img/link_1.png"/>
						<img class="fl img2" src="img/link_2.png"/>
						<img class="fl" src="img/link_1.png"/>
					</div>
					-->
						
					<!--<img class="fr img3" src="img/lb_buttom.png"/>-->
					
					
					<style>
				    
				    .swiper-contain{
				        width: 222px;
				        height: 81px;
				        padding: 50px;
				        position:absolute;
				        z-index: 4;
				        left: 290px;
				    }
				    .swiper-slide {
				        background-position: center;
				        background-size: cover;
				        width: 222px;
				        height: 81px;
				    }
				    </style>
					 <div class="swiper-contain">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"  ><img src="img/link_1.png"/></div>
				            <div class="swiper-slide" ><img src="img/link_2.png"/></div>
				            <div class="swiper-slide"><img src="img/link_1.png"/></div>
				        </div>
				
				        <!-- Add Pagination -->
				        <div class="swiper-pagination"></div>
				
				        <!-- Add Arrows -->
				        <div class="swiper-button-prev butt_prev"><img src="img/lb_buttom2.png"/></div>
				        <div class="swiper-button-next butt_next"><img src="img/lb_buttom.png"/></div>
				    </div>
				    
				     	<script src="../dist/js/swiper.min.js"></script>

					    <!-- Initialize Swiper -->
					    <script>
					    var swiper = new Swiper('.swiper-contain', {
					        pagination: '.swiper-pagination',
					        effect: 'cube',
					        grabCursor: true,
					        nextButton: '.swiper-button-next',
					        prevButton: '.swiper-button-prev'
					    });
					    </script>
					
					
					
					
					
					
				</div>
			</div>
			<div class="shui_ping_xian">
				
			</div>
			<!--底部-->
			<footer>
				<div class="foot">
					<div class="foot_nav">
						<ul>
							<li class="fl li_1">
								<h4><a href="">简介</a></h4>
								<p><a href="">鼎搜网简介</a></p>
								<p><a href="">鼎搜服务</a></p>
								<p><a href="">会员身份实名认证</a></p>
							</li>
							<li class="fl li_2">
								<h4><a href="">帮助</a></h4>
								<p><a href="">用户注册</a></p>
								<p><a href="">关于鼎搜</a></p>
								<p><a href="">在线咨询</a></p>
							</li>
							<li class="fl li_3">
								<h4><a href="">共赢</a></h4>
								<p><a href="">网站合作</a></p>
								<p><a href="">用户协议</a></p>
								<p><a href="">用户协议</a></p>
							</li>
							<li class="fl li_4">
								<h4><a href="">导航</a></h4>
								<p><a href="">地图首页</a></p>
								<p><a href="">职能分类</a></p>
								<p><a href="">企业名录</a></p>
							</li>
							<li class="fl">
								<div class="tel">
									<div class="fl TEL">
										<img  src="img/tel_logo.jpg" />
									</div>
									
									<div class="re_xian fl">
										<h5 class="hh5">全国服务热线</h5>
										<h5 class="hh5">440-880-1779</h5>
										<h6>邮箱:dinsoo@163.com</h6>
									</div>
									<div class="week fr ">
										<h6>投诉电话：4408801779</h6>
										<h6>周一至周六：9:20-20:00</h6>
										<img class="fr"  src="img/weibo_logo.jpg"/>
									</div>
									
								</div>
								<div class="er_wei_ma fl">
									<img  src="img/er_wei_ma.jpg"/>
								</div>
								<div class="xinxi">
									<h5><a href="">订阅信息</a></h5>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="foot_bg">
					
				</div>
			</footer>
		</div>
	</body>
	<style>
		.swiper-container{
			width: 100%;
			height: 400px;
		}
		.swiper-slide{
			text-align: center;
			/*line-height: 500px;*/
		}
	</style>
	<script type="text/javascript">
			new Swiper('.swiper-container',{
				loop:true,
				direction : "horizontal",
				pagination : ".swiper-pagination",
				prevButton : ".swiper-button-prev",
				nextButton : ".swiper-button-next",
				autoplay:2000
			});
			
		</script>
</html>
